<template>
  <div>
    <h1>hello vue</h1>
    <myFooter></myFooter>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
/* 
 默认写的样式是全局样式
 如何设置能够使得样式只作用于当前vue文件的标签上呢？答：给style添加scoped属性
 scoped是如何生效的？
 答：当我们给style添加上scoped的时候，打包渲染vue文件之前，vue源码会帮我们给当前文件的标签
 添加data-v-hash值的属性，并设置所有样式都通过该属性选择到标签进行设置的。
*/
h1 {
  color: red;
}
</style>